<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>学生报考情况</title>
	<link rel="stylesheet" href="">
	<style type="text/css">
		body{
			margin:0 auto;
			padding:0 auto;
		    background-color: #ffffff;
		    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft Yahei","SimSun",sans-serif;
		    font-size: 14px;
		    line-height: 1.5;
		}
		a, a:link, a:active, a:visited {
			color: #666;
			text-decoration: none;
		}
		select, input {
		    vertical-align: middle;
		    font-size: 12px;
		    font-family: Tahoma, Helvetica, Arial, ’Microsoft YaHei’, \5FAE\8F6F\96C5\9ED1, SimSun, sans-serif;
		}
		.btn {
		    display: inline-block;
		    margin-bottom: 0;
		    font-weight: normal;
		    text-align: center;
		    vertical-align: middle;
		    cursor: pointer;
		    background-image: none;
		    border: 1px solid transparent;
		    white-space: nowrap;
		    padding: 6px 12px;
		    font-size: 14px;
		    line-height: 1.5;
		    border-radius: 3px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		}
		.global-nav {
		    position: relative;
		    background: #6095C1;
		}
		.nav:after {
		    clear: both;
		}
		.container{
			margin:0 auto;
			padding:0 15px;
		}
		.global-nav .container {
			width: 960px;
			height:100px;
		}
		.global-nav .logo{
			width: 590px;
			display: inline;
			height:100px;
		    float: left;
		    background:url(img/background/dldx_logo.gif) no-repeat;
	    	background-position: 0 48px;
		}
		.global-nav .logo a{
			width: 590px;
			height:100px;
			display:inline-block;
		}
		.global-nav .container-right {
			float:left;
			display:inline;
			height:100px;
			width: 340px;
		    color: #fff;
    		text-align: right;
    		margin-top:60px;
		}

		.global-nav a,.global-nav a:link,.global-nav a:active,.global-nav a:visited {
			color:#fff;
		}
		/**主体部分*/
		.body-content{
			min-width: 1000px;
			min-height:400px;
			margin:0 auto;
		}
		.body-content .search {
		    border-color: #d8d8d8 #d8d8d8 #d8d8d8 #d8d8d8;
		    border-width: 1px;
		    border-style: solid;
		    margin: 0 180px;
		}
		.search .search-table {
		    margin: 20px 0;
		    width:100%;
		}
		.search-table tr {
		    height: 35px;
		}
		.search-table tr td{
		    position: relative;
		    height: 35px;
		    width: 33%;
		}
		.search-title {
		    font-size: 14px;
		    font-family: tahoma, arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 微软雅黑, 宋体, sans-serif;
		    display: inline-block;
		    width: 100px;
		    text-align: right;
		    white-space: nowrap;
		}
		.search-input {
		    margin: 0;
    		padding: 0;
		    background-color: #fdfdfd;
		    border: 1px solid #d8d8d8;
		    color: #333333;
		}
		.search-input {
		    font-size: 14px;
		    font-family: tahoma, arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 微软雅黑, 宋体, sans-serif;
		    width: 150px;
		    height: 25px;
		    border-radius: 0;
		    box-shadow: none;
		    box-sizing: content-box;
		}
		.student-list{
		    padding: 20px;
		}
		.student-list table{
			min-width: 800px;
		    max-width: 1000px;
			width: 100%;
		    margin: 10px auto 0 auto;
		    border-collapse: collapse;
		    text-align: center;
		}
		 .student-list table th {
		    border: 1px solid #ddd;
	        height: 40px;
		    font-weight: normal;
		    background-color: #ededef;
	        margin: 0 auto;
    		padding: 0;
		}
		.student-list table td {
			height: 45px;
    		border: 1px solid #ddd;
	        margin: 0 auto;
	    	padding: 0;
		}
		.student-list table td.no-data{
			height:95px;
		}
		.student-list table button{
			padding:3px 3px;
			margin:auto 4px;
			border:0;
			color:#fff;
			cursor:pointer;
		}
		.student-list button.in{
			background-color:#4bacf3;
		}
		.student-list button.out{
			background-color:#F9048D;
		}

		/**分页*/
		.box-pager {
			min-width: 800px;
		    max-width: 1000px;
			width: 100%;
		    margin: 0 auto 0 auto;
		    border: solid #ddd;
		    border-width: 0 1px 1px;
		    padding: 10px 0 12px 0;
		    border-radius: 3px;
		    text-align: center;
		    margin-bottom: 10px;
		}
		.box-pagination{
		    display: inline;
		}
		.pagination {
		    display: inline-block;
		    padding-left: 0;
		    margin: 0;
		    border-radius: 4px;
		}
		.pagination>li {
		    display: inline;
		}
		.pagination>li:first-child>a, .pagination>li:first-child>span {
		    margin-left: 0;
		    border-bottom-left-radius: 4px;
		    border-top-left-radius: 4px;
		}
		.pagination>.disabled>a, 
		.pagination>.disabled>a:focus, 
		.pagination>.disabled>a:hover, 
		.pagination>.disabled>span, 
		.pagination>.disabled>span:focus, 
		.pagination>.disabled>span:hover {
		    color: #777;
		    background-color: #eee;
		    cursor: not-allowed;
		}
		.pagination>li>a, .pagination>li>span {
		    position: relative;
		    float: left;
		    padding: 6px 12px;
		    line-height: 1.42857;
		    text-decoration: none;
		    border: 1px solid #FFF;
		    margin-left: -1px;
		    background: #EEE;
		    -webkit-transition: color 400ms,background 400ms;
		    transition: color 400ms,background 400ms;
		}
		.pagination>.active>a, 
		.pagination>.active>a:focus, 
		.pagination>.active>a:hover, 
		.pagination>.active>span, 
		.pagination>.active>span:focus, 
		.pagination>.active>span:hover {
		    z-index: 2;
		    color: #FFF;
		    background-color: #6095C1;
		    cursor: default;
		}
		.pagination-info {
		    position: relative;
		    float: left;
		    padding: 6px 12px;
		    line-height: 1.42857;
		    background-color: #eee;
		    border: 1px solid #fff;
		    margin-left: -1px;
		}
		.pagination-select {
		    border: none;
		    outline: 0;
		    padding: 0;
		    border-radius: 5px;
		    background-color: #E9E9E9;
		    margin: 0 2px;
		    cursor: pointer;
		}
		/*结尾*/
		.body-footer {
		    height: 30px;
		    padding: 20px 0;
		    font-size: 12px;
		    text-align: center;
		    color: #333;
		    border-top:1px solid #CCC;
		}
		.body-footer a {
		    margin: 0 10px;
		}
	</style>
</head>
<body>
	<div class="global-nav">
		<nav class="container">
			<div class="logo"><a href="login.html"></a></div>
			<div class="container-right">
				<a href="http://www.shiep.edu.cn/" target="_blank">上海电力大学</a>&nbsp;|&nbsp;
				<a href="/account/help/index.jsp" target="_blank">帮助中心</a>&nbsp;|&nbsp;
				张三&nbsp;<a href="">退出</a>
			</div>
			<div style="clear:both;"></div>
		</nav>
	</div>
	<div style="clear:both;"></div>
	<div class="body-content">
		<div class="search">
			<table border="0" class="search-table">
				<tbody>
					<tr>
						<td>
							<label for="" class="search-title">学院：</label>
							<select name="" id="" class="search-input">
								<option value="">请选择学院</option>
								<option value="">管理学院</option>
								<option value="">理学院</option>
							</select>
						</td>
						<td>
							<label for="" class="search-title">专业：</label>
							<select name="" id="" class="search-input">
								<option value="">全部</option>
								<option value="">数学</option>
								<option value="">物理</option>
								<option value="">化学</option>
							</select>
						</td>
						<td>
							<label for="" class="search-title">录取状态：</label>
							<select name="" id="" class="search-input">
								<option value="">全部</option>
								<option value="">待定</option>
								<option value="">已录取</option>
								<option value="">未录取</option>
							</select>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="student-list">
			<table>
				<thead>
					<tr>
						<th>学生姓名</th>
						<th>考研成绩</th>
						<th>报考学院</th>
						<th>报考专业</th>
						<th>状态</th>
						<th style="width: 130px;">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<!--<td class="no-data" colspan="6">暂无数据</td>-->
						<td>张三</td>
						<td>340</td>
						<td>理学院</td>
						<td>数学</td>
						<td>已通过</td>
						<td>
							<button class="in">录取</button>&nbsp;
							<button class="out">不录取</button>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="box-pager">
				<div class="box-pagination">
					<ul class="pagination">
						<li class="disabled"><a href=""><<</a></li>
						<li><a href=""><</a></li>
						<li class="active"><a href="">1</a></li>
						<li><a href="">></a></li>
						<li><a href="">>></a></li>
						<li class="pagination-info">共 10 页 / 97 条</li>
						<li class="pagination-info">每页
							<select class="pagination-select">
								<option selected="">10</option>
								<option>20</option>
								<option>50</option>
							</select>条
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="body-footer">
		<div class="footer">			
		    主管单位：上海电力大学　　主办单位：
	    	<a href="" target="_blank">上海电力大学研究生调剂系统</a>
	    	<a href="" style="color:#C00;" target="_blank">沪ICP备05052045号</a>
	    	<br>
			地址：上海市杨浦区长阳路2588号　邮政编码：200090
		</div>
	</div>
	
<!-- 	
texarea换行
<div class="new-comment-content">
aklsdfj
asdkjf
</div>

$(function(){
     var element = $("div[class='new-comment-content']");
     var temp =  element.text().replace(/\n/g,'<br/>');
     element.html(temp);
}); -->
</body>
</html>